* { padding: 0;
    margin: 0 auto;
   }

html {
  height: 100%;
}

body {

  height: 100%;
}
.header{
    width:100%;
}
.header-top{
    width: 100%;
    min-height: 40px;
    background-color: #00489a;
	overflow:hidden;
    line-height: 40px;
}
.header-welcome{
    padding-left: 350px;
    color: white;
    font-family: "Adobe 仿宋 Std R";
    font-size: 14px;
}
.header-map{
	float:right;
margin-right:100px;
    color:white;
    font-family: "Adobe 仿宋 Std R";
    font-size: 14px;
 }
/*-----logo部分-----*/
.logo{
	position: relative;
    width: 100%;
    float:left;
}
.logo-img1{
    padding-left: 330px;
    padding-top: 10px;
    float:left;
}
.logo-intro{
    padding-left:50px;
    font-weight:bold;
    height:101px;
    line-height:101px;
    float:left;
    padding-top:20px;
}
.logo-phone{
   margin-right:300px;
    float:right;
}
/*导航栏nav*/
.header-nav1{
    width:100%;
    height:80px;
    background-color:#00489a;
    margin-top:130px;
	text-align:center;
}
.nav1{
    width:100%;
    height:80px;
    line-height:80px;
    text-align:center;
    font-size:18px;
	padding-left:20px;
}
.nav1 li{
	width:9%;
    float:left;
}
.nav1 a{
    display:inline-block;
	float:left;
    padding:0 20px;
}
li{
	list-style-type:none;
    }
a{
	text-decoration:none;

}
.nav2{
    color:white;
}
.nav1 a:hover,.nav1 li.cur a{
    background:#016dab center center;
    text-decoration:none;
    color: white;
}
/*banner模块*/
.flexslider {
    margin: 0px auto 20px;
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a{
    width: 100%;
    height: 600px;
    display: block;
}


   .banner-pro{
    width: 800px;
    float: left;
    padding-top: 20px;
    padding-left: 100px;
}
/*搜索栏部分*/
.search{
    float: right;
    padding-top: -150px;
    margin-right: 200px;
    margin-top: 14px;
    position: relative;
    width: 440px;
    padding-bottom: 10px;
}
.search form input[type="text"] {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #00489a;
    border-radius: 30px;
    font-size: 13px;
    height: 40px;
    padding: 0 15px;
    text-transform: capitalize;
    width: 440px;
}
.search form input[type=submit]{
    background: #00489a none repeat scroll 0 0;
    border: medium none;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    color: #fff;
    font-family: "Fredoka One",cursive;
    font-size: 16px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    top: 0;
    width: 90px;
}
.search form input[type=submit]:hover{
    background: #00489a none repeat scroll 0 0;
}
.under-line{
    width: 100%;
    border-bottom: #8c8c8c 2px solid;
    padding-top: -50px;
}
/*product产品模块*/
.product{
    width: 100%;
    text-align: center;
}
.pro-bg{
    width: 100%;
    position: relative;
    margin: auto;
}
.pro-bg img{
    width: 600px;
    height: 400px;
    margin: auto;
    margin-top: -100px;
}
.pro-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
    margin-top: -240px;
}
/* .pro-hr{ */
     /* width:190px; */
    /* border: navy 1px solid; */
    /* margin-top: -10px; */
/* } */
.product-paper{
    padding-top: -10px;
}
/*-----产品中心------*/
.product-ny_zb{
    width:100%;
    float: left;
}

ul,ol{margin:0px;
    padding:0px;
    list-style-type:none;}
img{border:none;}
a{color:#333333;
    text-decoration:none;}
a:hover{color:#666666;
    text-decoration:underline;}
.clearfix:after{content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}
.ny_zb{width:300px;
    height: 585px;
    float: left;
     overflow:hidden;
    border-left:1px solid #00489a;
    border-right:1px solid #00489a;
    border-bottom:1px solid #00489a;
    margin-top:50px;
    margin-left: 350px;}
.ny_zbbt{background-color:#2e6da4 ;
    height:80px;
    text-align: center;
    overflow:hidden;
    border-top:2px solid #00489a;}
.ny_zbbt span{padding-left:30px;
    font-size:25px;
    color:white;
    line-height:80px;}

.pro-nav{
    width: 298px;
    padding: 0px 10px;
    display: table;
}
.pro-nav dl {
    width: 100%;
    padding: 5px 0;
    display: table;
}
.pro-nav dl dt {
    width: 100%;
    padding-bottom:5px; 
}
.pro-nav dl dt a{
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #00489a;
    line-height: 24px;
}
.pro-nav dl dt a:hover {
    color: red;
}
.pro-nav dl dd {
    width: 48%;
    float: left;
    margin-right: 2%;
    padding:0;
}
.pro-nav dl dd a{
    width: 100%;
    height: 24px;
    line-height: 24px; 
    overflow: hidden;
    background: #e0e0e0;
    color: #666;
    display: inline-block;
    text-indent: 5px;   
}
.pro-nav dl dd a:hover{
    background: #00489a;
    color: #fff;
}

.adv-box {
    width: 100%;
    display: table;
    padding:40px 0;
    height: 500px;
}
.adv-item {
    float: left;
    width: 300px;
    height: 188px;
    overflow: hidden;
}

.adv-item img {
    width: 100%;
    transition: all 0.6s;  
    -webkit-transition:all 0.6s;  
    -ms-transition:all 0.6s;  
    -moz-transition:all 0.6s;
}
.adv-item:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform: scale(1.1);
} 

.ny_zblb1{padding:30px 10px 20px 0px;}

.ny_zblb1 li{line-height:40px;
    font-size:20px;
    color:#333;
    float:left;
    width:100%;}
.ny_zblb1 li a{display:block;
    padding-left:30px;
    text-decoration:none;
    color:#333;
    background:url(../images/04.gif) no-repeat right;}
.ny_zblb1 li a.cur{color:#00489a;
    font-weight:bold;
    background:url(../images/04_h.gif) no-repeat right;
    text-decoration:none;}

.ny_zblb1 li ul{display:none;
    color:#666;
    padding:5px 0px 5px 30px;}
.ny_zblb1 li ul li{float:none;
    background-image:none;
    height:26px;
    line-height:26px;
    margin-top:0px;
    font-size:12px;}
.ny_zblb1 li ul li a{padding-left:30px;
    display:block;
    background:url(../images/05.gif) no-repeat left;}
.ny_zblb1 li ul a:hover{color:#00489a;}
/*---------------------*/



.box-z {
    overflow: hidden;/*超出部分不显示,同时还可以清楚浮动的效果*/
    border: 1px solid #ccc;
    width: 890px;
    margin-left:700px;
    margin-top: 50px;

}

.box-z ul li {
    position: relative;/*相对定位*/
    float: left;/*左浮动:让元素飘起来*/
    width: 280px;
    height: 275px;
    margin: 8px;
    background: #fff;
    overflow: hidden;
    background: url(../images/pro1.jpg) center/cover;/*背景    center/cover是居中/自适应*/
}

.box-z ul li:nth-child(2) {/*css选择器:选择ul中第二个li */
    background: url(../images/pro2.jpg) center/cover;/*改变背景*/
}

.box-z ul li:nth-child(3) {
    background: url(../images/pro3.jpg) center/cover;
}

.box-z ul li:nth-child(4) {
    background: url(../images/pro4.jpg) center/cover;
}

.box-z ul li:nth-child(5) {
    background: url(../images/pro5.jpg) center/cover;
}

.box-z ul li:nth-child(6) {
    background: url(../images/pro6.jpg) center/cover;
}
.box-z ul li::before {
    transform: rotate(55deg) translateX(-320px) scale(1.8);
    /*变换:旋转(角度)  x轴位移(偏移量) 缩放(1.8倍)*/
}

.box-z ul li::after {
    transform: rotate(55deg) translateX(320px) scale(1.8);
}

.box-z ul li:hover::before {
    transform: rotate(55deg) translateX(-150px) scale(1.8);
}

.box-z ul li:hover::after {
    transform: rotate(55deg) translateX(150px) scale(1.8);
}

.box-z ul li div {
    z-index: 2;/*改变div的层级使其上移两层*/
    overflow: hidden;
    position: absolute;/*绝对定位*/
    top: 80px;/*定位:距离顶部40px*/
    color: #fff;
    width: 280px;
    height: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    transform: rotate(55deg);
    transition: 0.7s;
}
/*:hover放在里后面而不是div后的原因:鼠标height: 0;高度为0,鼠标没有能够经过div,就不能触发:hover事件*/
.box-z ul li:hover div {
    height: 120px;
    transform: rotate(0);
}

.box-z ul li div h3 {
    margin: 0;
    border-bottom: 2px solid #fff;
    font-size: 18px;
    line-height: 44px;
    width: 100%;
    overflow: hidden;
    text-indent: 10px;
    height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.box-z ul li div p {
    font-size: 14px;
    margin: 5px;
    line-height: 24px;
}
/*advantage产品模块*/
.advantage{
    padding-top: 10px;
    width: 100%;
    text-align: center;
    height: 1600px;
}
.adv-bg{
    width: 100%;
    position: relative;
    margin: auto;

}
.adv-bg1 img{
    width: 700px;
    height: 300px;
    margin-left: 10px;
}
.adv-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
    margin-top: -170px;
}
.adv-bg{
    width: 450px;
    border: #00489a 1px solid;
}
.advantage-in{
    padding-top: 20px;
    font-size: 18px;
}
.advantage-img{
    width:100%;
    height: 800px;
}
.advantage-img-y1{
    padding-top:100px;
	margin:auto;
    width:400px;
    height:400px;
}
.advantage-img-y2{
    width: 100%;
    float: left;
    margin-top:-180px;
    margin-left:100px;
}
.adv-img img{
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 500px;
}
.advantage-img-y3{
    width: 100%;
    float: left;
    margin-top:70px;
    margin-left:400px;
}
.adv-img1 img{
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 300px;
}
@keyframes xuanzhuan {
    from {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: linear;
    }
    20% {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -300deg);
        animation-timing-function: linear;
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -240deg);
        animation-timing-function: linear;
    }
    60% {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg);
        animation-timing-function: linear;
    }
    80% {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -60deg);
        animation-timing-function: linear;
    }
    to {
        transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);;
        animation-timing-function: linear;
    }
}
.adv-img img:hover {
    animation: xuanzhuan 0.5s 1;
    -webkit-animation: xuanzhuan 0.5s 1;
    -moz-animation: xuanzhuan 0.5s 1;
}
.adv-img1 img:hover {
    animation: xuanzhuan 0.5s 1;
    -webkit-animation: xuanzhuan 0.5s 1;
    -moz-animation: xuanzhuan 0.5s 1;
}
.adv-col{
    font-size:22px;
    color:#ff7800;
}
.adv-intro{
    width:100%;
    float:left;
}
.adv-intro a{
    color: black;
}
.adv-intro1{
    width:210px;
    margin-left:450px;
    line-height:40px;
    margin-top:-250px;
}
.adv-intro2 {
    width: 192px;
    margin-left: 1230px;
    line-height:30px;
    margin-top: -65px;;
}
.adv-intro3{
    width:172px;
    margin-left:650px;
    line-height:30px;
    margin-top:200px;
}
.adv-intro4{
    width:192px;
    line-height:30px;
    margin-left:1050px;
    margin-top:-60px;;
}

.content{
	width:100%;
    position:relative;
    background-image:url("../images/bg2.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20px;
}
.conter-intro{
    background-color: #366dad;
    width: 100%;
    height: 100px;
    margin-top: 20px;
}
.conter-intro-p{
    padding-top: 30px;
    float: left;
}
.conter-intro-p p{
    width:100%;
    text-align: right;
    padding-left: 500px;
    color: white;
    margin-top:-5px;
}
.con-col{
    font-size:16px;
    color:#ff7800;
}
.conter-intro-size{
    font-size: 18px;
}
.content-phone{
    padding-top: 30px;
    float: left;
}
.content-phone{
    color:#ff7800;
    font-size: 16px;
    margin-left: 300px;
   margin-top: -5px;
}
.conter-rw img{
    width:120px;
    height: 130px;
	float:right;
    margin-top: -30px;
	margin-right:500px;
}

a,a:hover{
    text-decoration: none;
}
/*section.business {*/
    /*background: url(../images/wallpaper2.jpg) 50% bottom;*/
/*}*/
.business .box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    padding-bottom: 50px;
}

.business .box ul.items {
    margin: 0 auto;
    margin-top: 50px;

}

.business .box ul.items li {
    width: 200px;
    height: 300px;
    margin: 0 8px;
    background: url(../images/bg_blue.png) no-repeat 0px 400px;
    overflow: hidden;
    display: inline-block;
}

.business .box ul.items li i {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 23px;
    height: 110px;
    width: 110px;

}

.business .box ul.items li.pc i {  
    background: url(../images/icon_1.png) no-repeat;
}

.business .box ul.items li.mobi i {
    background: url(../images/icon_2.png) no-repeat;
}

.business .box ul.items li.sys i {
    background: url(../images/icon_3.png) no-repeat;
}

.business .box ul.items li.app i {
    background: url(../images/icon_4.png) no-repeat;
}

.business .box ul.items li.host i {
    background: url(../images/icon_5.png) no-repeat;
}

.business .box ul.items li u {
    display: block;
    position: absolute;
    width: 156px;
    height: 156px;
    margin-left: 18px;
    background: url(../images/words.png) no-repeat 0px -363px;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.business .box ul.items li u.cl {
    clip: rect(0px,156px,-10px,78px);
}

.business.active .box ul.items li u.cl {
    clip: rect(0px,156px,156px,78px);
}

.business .box ul.items li u.cr {
    clip: rect(156px,78px,156px,0px);
}

.business.active .box ul.items li u.cr {
    clip: rect(0px,78px,156px,0px);
}

.business .box ul.items li strong {
    display: block;
    margin-top: 70px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    font-weight: bold;
    color: #00489a;
}

.business .box ul.items li p {
    position: relative;
    top: 200px;
    color: White;
    font-family: Arial,"宋体";
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.business .box ul.items li:hover {
    background-position: 0px 0px;
    -webkit-transition: all .5s ease-in-out .3s;
    -moz-transition: all .5s ease-in-out .3s;
    -ms-transition: all .5s ease-in-out .3s;
    -o-transition: all .5s ease-in-out .3s;
    transition: all .5s ease-in-out .3s;
}

.business .box ul.items li:hover i {
    -webkit-transition: all .5s ease-in-out .4s;
    -moz-transition: all .5s ease-in-out .4s;
    -ms-transition: all .5s ease-in-out .4s;
    -o-transition: all .5s ease-in-out .4s;
    transition: all .5s ease-in-out .4s;
}

.business .box ul.items li.pc:hover i {
    background: url(../images/icon_1_hover.png) no-repeat;
}

.business .box ul.items li.mobi:hover i {
    background: url(../images/icon_2_hover.png) no-repeat;
}

.business .box ul.items li.sys:hover i {
    background: url(../images/icon_3_hover.png) no-repeat;
}

.business .box ul.items li.app:hover i {
    background: url(../images/icon_4_hover.png) no-repeat;
}

.business .box ul.items li.host:hover i {
    background: url(../images/icon_5_hover.png) no-repeat;
}

.business .box ul.items li:hover u.cl {
    clip: rect(0px,156px,-10px,78px);
}

.business .box ul.items li:hover u.cr {
    clip: rect(156px,78px,156px,0px);
}

.business .box ul.items li:hover strong {
    color: White;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.business .box ul.items li:hover p {
    top: 20px;
    -webkit-transition: all .3s ease-in-out .5s;
    -moz-transition: all .3s ease-in-out .5s;
    -ms-transition: all .3s ease-in-out .5s;
    -o-transition: all .3s ease-in-out .5s;
    transition: all .3s ease-in-out .5s;
}

.business .box label {
    display: block;
    margin: 0 auto;
    margin-top: -40px;
    width: 297px;
    height: 21px;
    background: url(../images/words.png) no-repeat 0px -333px;
}

section.cases {
    background: url(../images/wallpaper3.jpg);
}
/*-----------applioation-----------*/
.applioation{
    width: 100%;
    text-align: center;
    padding-top: 100px;
	 margin: auto;
}
.appl-bg{
    /*width: 100%;*/
    position: relative;
    margin: auto;
}
.appl-bg1 img{
    width: 700px;
    height: 100px;

    margin: auto;
}
.appl-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
    margin-top:-65px;
}
.applioation-in{
    margin-top: -10px;
}
.appl-hr{
    width:190px;
    border: navy 1px solid;
    margin-top: -10px;
}
.boxxx{
    position:relative;
    width:1200px;
    height:400px;
    margin-left: 350px;
    float: left;
    margin-top: 50px;
    background-size:cover;
    border:2px solid #cccccc;
    border-radius:5px;
    margin-right: 400px;
    padding-top: 50px;
    margin-bottom: 80px;
}
.boxxx ul{
    list-style:none;
    width:180px;
    margin-left:auto;
    margin-right:0px;
}
.boxxx ul li{
    float:left;
    width:120px;
    height:70px;
    border:1px solid #fff;
}
.boxxx ul li:nth-child(odd){
    margin-right:16px;
}
.boxxx ul li:nth-child(-n+4){
    margin-bottom:15px;
    padding-top: 10px;
}
.boxxx ul li:hover .a-1{
    border: 1px solid #00489a;
    box-shadow:0px 0px 10px 0px #00489a;

}
.boxxx ul li img{
    width:100%;
    height:100%;
}
.boxxx ul li:nth-child(1) .content{
    opacity:1;

}
.boxxx ul li img:hover+.content{
    opacity:1;

}
.boxxx ul li h2:hover+.content{
    opacity:1;
}
.boxxx ul li p:hover+.content{
    opacity:1;

}
.boxxx ul li .content{
    position:absolute;
    left:20px;
    top: 20px;
    width:450px;
    height:350px;
    opacity:0;
    box-shadow:0px 0px 20px 0px #cccccc;
    transition:.5s;
}
.boxxx ul li .content.img{
    padding-top: -20px;
}
.a-1{
    padding-left: 10px;
    margin-top: -30px;
}
.applioation-pro-Z {
    width: 900px;
    text-align: left;
    line-height: 25px;
    padding-left: 580px;
    float: left;
	background:#ffffff;
}
.applioation-pro-y{
    font-weight: bolder;
    font-size: 30px;
    color: gray;
    margin-left: -50px;
}
.applioation-pro-yi{
    font-weight: bolder;
    font-size: 30px;
    color: gray;
    margin-left: 200px;
    margin-top: -20px;
}
.applioation-pro-L{
    margin-left: -60px;
    font-size: 18px;
}



/* /*------品牌模块------------*/ */
.cooperation{
    width: 100%;
	height:1200px;
    text-align: center;
    margin-top: 200px;
}
.coop-bg{
    width: 100%;
    position: relative;
    margin: auto;

}

.coop-bg1 img{
    width: 700px;
    height: 100px;
    margin: auto;
}
.coop-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
    margin-top:-65px;
}
.cooperation-in{
    margin-top: -10px;
}
.coop-hr{
    width:300px;
    border: navy 1px solid;
    margin-top: -10px;
}
/* /*----------*/
.coop-box{
    position:relative;
    width:1350px;
    height:600px;
    margin-left: 300px;
    padding:20px;
    float: left;
    background-size:cover;
    border:1px solid #cccccc;
    margin-right: 600px;
    margin-top: 50px;
}
.coop-box ul{
    list-style:none;
    width:200px;
    height: 300px;
    margin: -15px -55px;
}
.coop-box ul li{
    width:280px;
    height:187px;
    padding: 100px 100px 68px 100px;
    border:1px solid #cccccc;
    margin: 0px 40px 8px;

}
.coop-box ul li:nth-child(5){
    float: right; margin:-404px -1028px ;
}


.coop-box ul li:nth-child(-n+6){
    margin-bottom:15px;
    padding-top: 10px;
}
.coop-box ul li:nth-child(4){
    float: right;margin:-605px -1028px ;
}

.coop-box ul li:nth-child(6){
    float: right;margin:-205px -1028px ;
}
.coop-box ul li:hover .a1{
    border: 1px solid blue;
    box-shadow:0px 0px 20px 0px blue;

}
.coop-box ul li:hover .a2{
    border: 1px solid blue;
    box-shadow:0px 0px 20px 0px blue;

}
.coop-box ul li img{
	padding-top:-100px;
 }
.coop-box ul li:nth-child(1) .content-1{
    opacity:1;

}
.coop-box ul li img:hover+.content-1{
    opacity:1;

}
.coop-box ul li p:hover+.content-1{
    opacity:1;

}
.content-p{
    background: darkgray;
    padding: 20px 85px 20px 85px;
	width:800px;
    font-family: "Adobe 黑体 Std R";
    font-size: 15px;
    text-indent: 2em;
    margin: 180px -500px;
}
.coop-box ul li .content-1{
    position:absolute;
    left:300px;
    top: 5px;
    width:300px;
    height:400px;
    opacity:0;
    border: 1px solid #cccccc;
    padding: 285px 400px 300px 345px;
    /*box-shadow:0px 0px 20px 0px darkgray;*/
    transition:.5s;
}

.i_news { width:1180px; margin:0 auto; margin-top:20px; text-align: left;}
.i_news ul li {
    padding: 0px 0px 30px 0px; width: 565px; margin-left:20px;
}
.i_news ul li .vbox {
    background: #fff; width: 565px; height: 145px; display: block;
}
.i_news ul li .dec {
    padding: 15px 0px 0px 22px; width: 445px;
}
.ulL{}
.ulL li{ float:left;}
.line150{line-height:1.5;}
.line120{line-height:1.2;}
.tit-h1{height:85px; width:840px;padding: 35px 0 0px; position:relative;}
.tit-h1 ins{ position:absolute; right:0px; top:68px;}
.i_news ul li .dec h3{
    width: 445px;
    line-height: 28px;
    overflow: hidden;
    padding-bottom: 5px;
}
.fs22{
    font-size:22px;
    font-weight: 600;
    color: #666;
}
.ct2 {
    color: rgb(184, 184, 184);
    font-family:微软雅黑;
    height:54px;
    overflow: hidden;
    line-height: 18px;
}
/* .cooperation-p{ */
    /* width:75%; */
    /* height: 620px; */
    /* border: #e1e1e1 1px solid ; */
    /* margin-top: 30px; */
/* } */
/* .cooperation-img{ */
    /* width:250px; */
    /* float: left; */
    /* padding: 5px 5px; */

/* } */
/* .cooperation-img1{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: left; */
    /* margin-bottom: 5px; */
/* } */
/* .cooperation-img2{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: left; */
    /* margin-bottom: 5px; */
/* } */
/* .cooperation-img3{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: left; */
/* } */
/* .cooperation-img img{ */
    /* padding-top: 30px; */
/* } */
/* /*-----------------*/ */
/* .cooperation-p-img{ */
    /* width:905px; */
    /* height: 610px; */
    /* border: #e1e1e1 1px solid; */
   /* margin: 5px 260px; */
/* } */
/* .cooperation-p-img1 img{ */
    /* width: 500px; */
    /* height: 500px; */
    /* margin-top: 30px; */
/* } */
/* .cooperation-p-z{ */
    /* width: 905px; */
    /* height: 100px; */
    /* color: white; */
    /* background-color: #8c8c8c; */
    /* margin-top: -50px; */
/* } */
/* .cooperation-p-z p{ */
    /* text-align: left; */
    /* width: 850px; */
    /* line-height:30px; */
    /* text-indent: 2em; */
    /* padding-left: 100px; */
    /* font-size: 16px; */
    /* padding-top: 5px; */
/* } */
/* /*------------------*/ */
/* .cooperation-imgg{ */
    /* width:250px; */
    /* float: right; */
    /* margin-top: -615px; */
    /* margin-right: 5px; */

/* } */
/* .cooperation-img img:hover{ */
     /* box-shadow:0px 0px 10px 0px #cccccc; */
     /* margin-top: 15px; */
     /* width: 110px; */
 /* } */
/* .cooperation-imgg img:hover{ */
    /* box-shadow:0px 0px 10px 0px #cccccc; */
    /* margin-top: 15px; */
    /* width: 110px; */
/* } */
/* .cooperation-imgg1{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: right; */
    /* margin-bottom: 5px; */
/* } */
/* .cooperation-imgg2{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: right; */
    /* margin-bottom: 5px; */
/* } */
/* .cooperation-imgg3{ */
    /* width:250px; */
    /* height: 200px; */
    /* border: #e1e1e1 1px solid ; */
    /* float: right; */
/* } */

	.box-1{
		position:relative;
		width:1350px;
		height:600px;
		margin-left: 250px;
		padding:20px;
		float: left;
		background-size:cover;
		border:1px solid #cccccc;
		margin-right: 600px;
	}
	.box-1 ul{
			 list-style:none;
			 width:300px;
			 /*margin-left:auto;*/
			 /*width: 125px;*/
			 height: 528px;
			 margin: -15px -55px;
			 /*border: 1px solid #cccccc;*/
		 }
	.box-1 ul li{

		width:80px;
		height:120px;
		padding: 150px 100px 68px 100px;
		border:1px solid #cccccc;
	}
	.box-1 ul li:nth-child(odd){
		margin-right:16px;
	}
	.box-1 ul li:nth-child(-n+6){
		margin-bottom:15px;
		padding-top: 10px;
	}
	.box-1 ul li:hover .a1{
		border: 1px solid blue;
		box-shadow:0px 0px 20px 0px blue;

	}
	.box-1 ul li:hover .a2{
		border: 1px solid blue;
		box-shadow:0px 0px 20px 0px blue;

	}
	.box-1 ul li a1{
		width: 80px;
		height: 120px;
	}
	.box-1 ul li img{

		width:100%;
		height:100%;
	}
	.box-1 ul li:nth-child(1) .content-1{
		opacity:1;

	}
	.box-1 ul li img:hover+.content-1{
		opacity:1;

	}
	.box-1 ul li p:hover+.content-1{
		opacity:1;

	}
	.content-p{
		background: darkgray;
		padding: 20px 85px 20px 85px;
		width: 620px;
		font-family: "Adobe 黑体 Std R";
		font-size: 15px;
		text-indent: 2em;
		margin: 42px -245px;
	}
	.box-1 ul li .content-1{
		position:absolute;
		left:300px;
		top: 5px;
		width:300px;
		height:400px;
		opacity:0;
		border: 1px solid #cccccc;
		padding: 80px 245px 148px 245px;
		/*box-shadow:0px 0px 20px 0px darkgray;*/
		transition:.5s;
	}
/*--------------关于汇华部分----------------*/
.about{
    width: 100%;
    text-align: center;
    height: 900px;
    margin-top: 80px;
    background: #00489a;
}
.about-a {
    position: absolute; bottom: 30px; right: 30px; color: #fff; background: #eb6100;padding:10px 20px;font-size: 16px;display: inline-block;
}
.about-intro-img a:hover { background: #f44336; color: #fff;}
.about-intro{
    width: 100%;
    padding-top: 20px;

}
.about-bg{
    width: 100%;
    position: relative;
    margin: auto;

}
.about-bg1 img{
    width: 350px;
    margin: auto;
}
.about-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
    margin-top:-65px;
}
.about-in{
    margin-top: -10px;
}
.about-hr{
    width:200px;
    border: navy 1px solid;
    margin-top: -10px;
}
.about-intro-img{
    width:60%;
	height:350px;
	margin:auto;
    padding-top: 40px;
}
.about-intro-img1{
	float:left;
}
.about-intro-img2 {
    width:520px;
    line-height: 25px;
    text-indent: 2em;
    text-align: left;
    float: right;
    font-size: 16px;
	padding-top:20px;
}

.sap_tabs {
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
   padding-left: 100px;
    -webkit-appearance: none;

}
.resp-tab-item{
    border:2px solid #eb6100;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    margin-top: 50px;
    display: inline-block;
    list-style: none;
    height: 40px;
    width: 150px;
    line-height:36px;
      margin-left: 100px;
      border-radius: 20px;
}
.resp-tab-item:hover ,#horizontalTab li.cur{
    background: #eb6100;
}
.resp-tab-active {
    text-shadow: none;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background: #0051a4 none repeat scroll 0 0;
    border: 1px solid #fbfbfb;
    border-radius: 30px;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-transform: capitalize;
    width: 150px;
}
.Box {position: relative;
padding-top: 15px;}
.Box .content1 {width: 1200px;
    margin: 0 auto;}
.Box h2 {text-align: center;
    margin-bottom: 35px;
    padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 80px;
    cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;
      left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;
    right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;
    overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;
    list-style: none;}
.Box .Box_con .conbox ul li {float: left;
    width: 285px;
    height: 200px;
    margin-left: 20px;
    overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;
    width: 285px;
    height: 200px;
    transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box .BoxSwitch {margin-top: 30px;
    text-align: center;}
.Box .BoxSwitch span {display: inline-block;
    *display: inline;
    *zoom: 1;vertical-align: middle;
    width: 30px;
    height: 3px;
    background: #ccc;
    margin: 0 5px;
    cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}

.about-center-size{
    width: 100%;
    padding:50px 0;
}
.about-center-size p{
    color: #005fa4;
    font-size: 50px;
    margin-top: -300px;
}

ul, ol, li{list-style-type:none;
    vertical-align:0}
a{outline-style:none;
    color:#535353;
    text-decoration:none}
a:hover{color:#D40000;
    text-decoration:none}
.clear{height:0;
    overflow:hidden;
    clear:both}

/* list */
.list{width:1130px;
    padding-left: 30px;
    margin:60px auto 0 auto;}
.list li{width:116px;
    height:116px;
    float:left;
    border-radius:50%;
    position:relative;
    margin:0 20px 80px 20px;
    position:relative;
    cursor:pointer;
    -webkit-transition:.4s all;
    -moz-transition:.4s all;
    -ms-transition:.4s all;
    transition:.4s all;}
.list li a{display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    color: black;
}
.list li a:hover{
    color: #2e6da4;
}
.list li .cycle_mark{position:absolute;
    left:0;
    top:0;
    z-index:2;}
.list li .ico{width:102px;
    height:102px;
    position:absolute;
    left:7px;
    top:7px;
    background:#2e6da4 url(../images/rotate.png);
    border-radius:50%;
    z-index:1;
    -webkit-transition:.4s all;
    -moz-transition:.4s all;
    -ms-transition:.4s all;
    transition:.4s all;}
.list li ._1{background-position:0px 0px;}
.list li ._2{background-position:-102px 0px;}
.list li ._3{background-position:-204px 0px;}
.list li ._4{background-position:-306px 0px;}
.list li ._5{background-position:-408px 0px;}
.list li ._6{background-position:-510px 0px;}
.list li ._7{background-position:-612px 0px;}
.list li p{width:100%;
    position:absolute;
    left:0;
    top:480px;
    text-align:center;}
.list li p span{font-size:16px;
    color:#cccccc;
    display:block;
    font-weight:bold;}
.list li p strong{font-size:12px;
    color:#f00;
    display:block;}

.list li.on{background:rgba(0,0,0,0.1);}
.list li.on .ico{background-color:#00489a;
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);}

/*<!----------------information---------------------->*/
.information{
    width: 100%;
    background-image: url("../images/-bg.png");
    text-align: center;
    margin-top: 550px;
}
.information-bg{
    width: 100%;
    margin-top: -100px;
    position: relative;
	padding:50px;
}
.information-bg1 img{
    width: 600px;
    height: 100px;
    margin:50px;
}
.information-center{
    font-size: 50px;
    font-weight: bold;
    color: #00489a;
	margin:-120px;
}
.information-hr{
    width:100px;
    border: navy 1px solid;
}
.information-paper{
    margin:-100px;
}
.container1-new{
	width:100%;
	margin:auto;
}
.container1{
	float:100%;
    width:700px;
    height: 400px;
    position: relative;
    background: white;
    box-shadow:0px 0px 13px 2px rgba(0,0,0,0.4);
    margin-top: 150px;
	margin-left:400px;
}
.mu-navbar {
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    float: left;
    padding-left: 30px;
    padding-right: 83px;


}
.navbar-default .mu-menu li{
	float:left;
	padding-top:10px;
	padding-left:10px;
	margin-left:30px;
}
.navbar-default .mu-menu li a {

    border-bottom: 2px solid transparent;
    color: black;
	float:left
    font-size: 16px;
    margin-left: 3px;
    margin-right:8px;
    /* padding-right: -100px; */
    font-weight: bold;
    transition: all 0.5s;
}
.navbar-default .mu-menu li a:hover,
.navbar-default .mu-menu li a:focus {
    color: #005fa4;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover{
    background-color: transparent;
    color: black;
}
.navbar-default .mu-menu li a:after {
    display: block;
    position: absolute;
    bottom: -5px;
    content: '';
    width: 0;
    height: 2px;
    background:#005fa4;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.navbar-default .mu-menu li.active a:after,
.navbar-default .mu-menu li a:hover:after,
.navbar-default .mu-menu li a:focus:after {
    width: 100%;
}
.about-intro-imgg{
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
}
.about-intro-imgg1 img{
    width: 220px;
    height: 130px;
    float: left;
    margin-left: 50px;
}
.about-intro-imgg2 {
    width:300px;
    line-height: 25px;
    text-align: left;
    float: right;
    font-size: 10px;
    margin-right: 80px;
    margin-right: 60px;
}
.navbar-zixun{
    width: 560px;
    float: left;
    margin: 30px 70px 0;
}
.navbar-zixun li{
    list-style: none;
    color:#333; height:30px; line-height:30px; padding:0 10px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;
    text-align: left;


}
.navbar-zixun a{
    text-decoration: none;
    color:#333;
    background:url("../images/b5.jpg") no-repeat left center;
    padding-left: 24px;

}
.navbar-zixun a span {float:right; color:#999;margin-left:15px;}
.navbar-zixun a:hover {color:#00489a;}
.navbar-zixun-z{
    float: right;
    margin-top: -120px;
    margin-right: -200px;

}
.infor_form1{
	position:relative;
	float:right;
    margin-top: -400px;
    margin-left:1150px;
margin-right:400px;
 }
.infor_form{
    width:330px;
    height: 400px;
    position: relative;
    border: #cccccc 1px solid;
    background: white;
    box-shadow:0px 0px 13px 2px rgba(0,0,0,0.4);
    padding:30px;

}
.infor_form h3{
    
    color: #444;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
}
.infor_form ul{
    padding-top: 10px;
    display: table;
    width: 100%;
    text-align: left;
}
.infor_form li{
    margin-top: 10px;
    border:1px solid #b5b5b5;
}
.infor_form li.usually {
    height: 36px;
    line-height: 30px;
}
.infor_form li span {
    width: 50px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #b5b5b5;
    
}
.infor_form li.usually span {
    height: 34px;
}
.infor_form li.usually input{
    width: 210px;
    text-indent: 10px;
    height: 30px;
    border:none;
}
.infor_form li.usually-textarea {
    height: 150px;
}
.infor_form li.usually-textarea span {
    height: 148px;
    float: left;
    line-height: 36px;

}
.infor_form li.usually-textarea textarea{
    width: 210px;
    height: 148px;
    line-height: 24px;
    border:none;
    text-indent: 10px;
}
.infor_form a.liuyan-btn {
    width: 100%; 
    margin-top: 10px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #00489a;
}
.btn{
    float: right;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 20px;
}


.infor-search{
    position: relative;
	font-family:
    width: 100px;
    padding-bottom: 10px;
    padding-left: -200px;
    padding-top: 60px;
}
.infor-search form input[type=submit]{
    background: #00489a none repeat scroll 0 0;
    border: medium none;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    color: #fff;
   font-family: 微软雅黑;
    font-size: 16px;
    line-height: 50px;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    width: 145px;s
    height:50px;
    margin-right:760px;
}
.infor-search1 form input[type=submit]{
    background: #00489a none repeat scroll 0 0;
    border: medium none;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    color: #fff;
   font-family: 微软雅黑;
    font-size: 16px;
    line-height: 50px;
    position: absolute;
    right: 0;
    margin-right: 900px;
    margin-top: -10px;
    text-transform: capitalize;
    width: 145px;
    height:50px;
}
.infor-search form input[type=submit]:hover{
     background: #ff5a32 none repeat scroll 0 0;
 }
.infor-search1 form input[type=submit]:hover{
    background: #ff5a32 none repeat scroll 0 0;
}
/*-------------------footer-----------------*/
.footer{
    width: 100%;
    height: 380px;
    margin: auto;
    background: #004696;
}
.footer-nav{
    color: white;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 16px;
}
.footer-nav1{
    color: white;
    padding-top: 10px;
    float: left;
    font-size: 14px;
    margin-left: 500px;
}
.footer-nav1 a:hover{
    text-decoration:none;
    color: #ff5a32;
}
.footer-infor p{
    float: left;
    padding-top: 80px;
    color: white;
    font-size: 8px;
    line-height: 20px;
    margin-left: -300px;
}
.footer-infor img{
    width:100px;
    height: 100px;
    padding-left:10px;
    margin-right: 550px;
    margin-top: 60px;
}
.footer-nav a:hover{
    text-decoration:none;
    color: #ff5a32;
}


.index-w100 {
    width: 100%;
    padding-bottom: 50px;
}
.w1200 {
    width: 1200px;
    margin:0 auto;
}
.index-title {
    width: 100%;
    text-align: center;
    padding:50px 0 0px;
}
.index-bg1 {
    background: url(../images/pro-bg3.png) no-repeat center center;
    background-size: 700px 100px;
}
.index-bg2 {
    background: url(../images/pro-bg2.png) no-repeat center center;
    background-size: 700px 100px;
}

.index-title h2 span {
    font-size: 50px;
    font-weight: bold;
    padding:0px 25px;
    color: #00489a;
    border-bottom: 3px solid #00489a;
    padding-bottom: 10px;
    display: inline-block;
}
.index-title p {
    font-size: 18px;
    padding-top: 10px;
}
.index-1 {
    width: 1196px;
    clear: both;
    margin-top: 50px;
    border:2px solid #cccccc;
    border-radius: 5px;
    display: table;
}
.index-1 ul{
    float: right;
    width: 120px;
    margin-right: 60px;
    display: table;
    margin-top: 20px;
    margin-bottom: 20px;
}
.index-1 ul li {
    float: left;
    width: 120px;
    height: 70px;
    margin:10px 0;
}
.index-1 ul li a img {
    width: 100%;
    height: 70px;
    display: inline-block;
}
.index-1-content {
    float: left;
    width: 920px;
    height: 400px;
    overflow: hidden;
    display: none;
}
.index-1-content .e-img {
    float: left;
    width: 400px;
    height: 400px;
}
.index-1-content .e-img img {
    width: 400px;
    height: 400px;
    display: inline-block;
}
.index-1-content .e-content {
    float: left;
    width: 440px;
    margin-left:40px;
    padding-left: 40px;
    position: relative;
    height: 380px;
    overflow: hidden;
}
.index-1-content .e-content h2 {
    padding-top: 20px;
    color: #00489a;
    font-size: 20px;
}
.e-pro-y ,.e-pro-yi{
    font-weight: bold;
    font-size: 30px;
    color: gray;
    padding-top: 20px;
}
.e-pro-yi{
    position: absolute;
    right:0;
    bottom: 0;
    padding-top: 0px;
}
.index-1-content .e-intro {
    height: 225px;
    overflow: hidden;
    width: 100%;
    
}
.index-1-content .e-intro p {
    line-height: 25px;
}
.index-1-content .e-content a {
    position: absolute;
    left:40px;
    bottom: 0px;
}
.index-2 {
    width: 100%;
    height: 600px;
    width: 1198px;
    border:1px solid #ccc;
    position: relative;
    margin-top: 50px;
}
.index-2 ul li {
    position: absolute;
    
    
    width: 280px;
    height: 180px;
    
}
.index-2 ul li a {
    display: block;
    width: 278px;
    height: 178px;
    overflow: hidden;
    border:1px solid #ccc;
}
.index-2 ul li a:hover {
    border:1px solid #00489a;
}
.index-2 ul li a img {
    width: 100%;
    height: 178px;
}
.index-2 ul li:nth-child(1){
    left:10px;
    top:15px;
}
.index-2 ul li:nth-child(2){
    left:10px;
    top:210px;
}
.index-2 ul li:nth-child(3){
    left:10px;
    top:405px;
}
.index-2 ul li:nth-child(4){
    top:15px;
    right:10px;
}
.index-2 ul li:nth-child(5){
    top:210px;
    right:10px;
}
.index-2 ul li:nth-child(6){
    top:405px;
    right:10px;
}
.index-2-content {
    position: absolute;
    width: 600px;
    border:1px solid #ccc;
    height: 568px;
    top: 15px;
    left: 297px;
    display: none;
}
.index-2-content .e-img {
    width: 598px;
    height: 384px;
    overflow: hidden;
}
.index-2-content .e-img img {
    width: 100%;
    height: 384px;
}
.index-2-content .e-info{
    width: 598px;
    background: #00489a;
    height: 182px;
}
.index-2-content h2 {
    text-align: center;
    line-height: 36px;
    color: #fff;
}
.index-2-content a p {
    color: #fff;
    padding:10px 20px;
}
.index-2-content a:hover h2{
    color: red;
}
.footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 9999;
}
.footer-fixed__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
}
.footer-fixed__content {
    position: relative;
    width: 1200px;
    margin:0 auto;
    z-index: 2;
    height: 150px;
}
.footer-fixed__img {
    position: absolute;
    bottom: 0;
    width: 500px;
    height: 170px;
    left: 0;
}
.footer-fixed_form { padding-left: 540px; padding-top: 55px; }
.footer-fixed_form input { height: 40px; border:1px solid #ddd; text-indent: 5px; width: 180px; float: left; margin-right: 20px; }
.footer-fixed_form a { height: 40px; border:1px solid #eb6100;background: #eb6100; width: 160px; float: left; text-align: center;display: inline-block;line-height: 40px; color: #fff;font-size: 18px; }